/**
 * Copyright (c) 2017-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */

:root {
  --ifm-color-primary: #4971ea;
  --ifm-color-primary-dark: #1e34cf;
  --ifm-color-primary-darker: #0915a5;
  --ifm-color-primary-darkest: rgb(1, 22, 39);
  --ifm-color-primary-light: #91c9f9;
  --ifm-color-primary-lighter: #bcf7fc;
  --ifm-color-primary-lightest: #e9fff8;
  --color-highlight: #d73300;
  --ifm-color-warning-ultralight: #fdfbed;
  --ifm-line-height-base: 1.6;
  --ifm-code-font-size: 0.95em;
  --ifm-contents-border-color: transparent;
  --ifm-leading: 1.8rem;
  --ifm-spacing-horizontal: 2rem;
  --ifm-code-font-size: 0.93em;
  --ifm-code-border-radius: 0.1rem;
  --ifm-code-padding-horizontal: 0.3rem;
  --ifm-code-padding-vertical: 0;
  --ifm-h1-font-size: 1.6rem;
  --ifm-h2-font-size: 1.4rem;
  --ifm-h3-font-size: 1.1rem;
  --ifm-hr-border-width: 0.5px;
  --ifm-hr-border-color: var(--ifm-code-background);
  --ifm-code-background: rgba(0, 0, 0, 0.04);
  --ifm-color-info: var(--ifm-color-gray-200);
  --ifm-badge-border-radius: 0.2rem;
  --ifm-badge-padding-horizontal: 0.5rem;
  --ifm-badge-padding-vertical: 0.4rem;
  --ifm-footer-link-hover-color: inherit;
}

html[data-theme='dark'] {
  --ifm-color-warning-lightest: var(--ifm-color-gray-900);
  --ifm-color-warning-ultralight: black;
}

.hero.hero--primary {
  text-align: left;
  --ifm-hero-background-color: var(--ifm-color-gray-100);
}

html[data-theme='dark'] .hero.hero--primary {
  --ifm-hero-background-color: var(--ifm-color-gray-900);
}

.badge.badge--info {
  color: var(--ifm-color-gray-800);
  font-weight: normal;
  font-size: 0.85em;
  border: none;
}

.badge.badge--info:hover {
  background-color: var(--ifm-color-primary);
  color: var(--ifm-color-info);
  font-weight: normal;
  text-decoration: none;
}

table {
  font-size: 0.95em;
}

table code {
  background: none;
}

table code:first-child {
  padding-left: 0;
}

table code:last-child {
  padding-right: 0;
}

article > header > h1 {
  font-size: calc(var(--ifm-h1-font-size) * 1.5) !important;
  margin-bottom: 1em !important;
}

em > code,
strong {
  color: var(--color-highlight);
  font-style: normal;
  font-weight: normal;
}

a {
  position: relative;
}

h2 > code,
h3 > code,
h4 > code {
  font-weight: inherit;
  color: var(--color-highlight);
}

a > code {
  color: inherit;
}

a.hash-link {
  text-decoration: none;
}

.footnotes {
  font-size: 0.9em;
}

.footnotes ol {
  padding: 0;
  list-style: none;
  counter-reset: note;
}

.footnotes li {
  counter-increment: note;
}

.footnotes li:before {
  content: counter(note) '. ';
  font-family: var(--ifm-font-family-monospace);
  font-size: 0.9em;
  color: var(--color-highlight);
}

a.footnote-backref {
  text-decoration: none;
  padding-left: 0.5em;
}

a.footnote-ref {
  font-family: var(--ifm-font-family-monospace);
  color: var(--color-highlight);
  text-decoration: none;
  font-size: 0.8em;
  padding-left: 0.3em;
}

.markdown {
  --ifm-heading-vertical-rhythm-bottom: 0.6;
  --ifm-heading-vertical-rhythm-top: 1;
  --ifm-h1-vertical-rhythm-top: 2;
  --ifm-h2-vertical-rhythm-top: 1.4;
  --ifm-h3-vertical-rhythm-top: 1;
  --ifm-heading-line-height: 1.3;
  --ifm-heading-font-weight: 500;
}

.markdown a > em > code {
  color: inherit;
  text-decoration: underline;
}

.prism-code .token-line {
  opacity: 0.1;
  transition: opacity 350ms ease 350ms;
}

.prism-code:hover .token-line {
  opacity: 1;
  transition-delay: 0ms;
}

.token-line.docusaurus-highlight-code-line {
  display: block;
  opacity: 1 !important;
}

.margin-vert--lg {
  margin-top: 4em !important;
}

p + ul {
  margin-top: calc(var(--ifm-leading) * -0.5);
}

blockquote {
  border-left-color: var(--ifm-color-warning-lightest);
  background-color: var(--ifm-color-warning-ultralight);
}

footer {
  font-size: 0.9em;
}

footer .text--center {
  font-size: 0.95em;
  opacity: 0.3;
}

nav strong {
  color: var(--ifm-heading-color);
  font-weight: 600;
  font-size: 1.2em;
}

.navbar__title {
  white-space: nowrap;
}

body.dragged {
  user-select: none;
}
